
@import ./index.sass
// 产品列表页面样式
.breadcrumbC
  ul
    list-style: none
    padding: 1.6rem 1.5rem
    margin: 0
    padding-left: 0
    font-size: 1.4rem
    color: #7f7f7f
    @media (max-width: 640px)
      border-bottom: 0.1rem dashed #727272
    li
      display: inline-block
      i
        margin-right: 1rem
      a
        color: #7f7f7f
#productList
  .breadcrumb
    @extend .breadcrumbC
  .productList
    .proList
      .am-u-sm-12
        @extend .productListCommon
    h2
    @extend .h2
// 产品内页样式
#ProductArticle
  .breadcrumb
    @extend .breadcrumbC
  .productContent
    .am-container
      h2
        @extend .h2
      .proInt
        .proLeft
          img
            @extend .img-res
            @media (min-width: 1025px)
              width: 100%
        .proRight
          @media (max-width: 640px)
            padding-bottom: 2.5rem
            border-bottom: 0.1rem dashed #727272
          @media (min-width: 1025px) and (max-width: 1150px)
            padding-top: 0rem
          padding-top: 2.3rem
          h1
            font-size: 2.4rem
            color: #3b1eca
            margin-bottom: 0
          h4
            font-size: 1.6rem
            font-weight: 700
            margin: 0.8rem 0
          p
            span
              font-weight: 700
            i
              margin-right: 1.6rem
              font-size: 1.6rem
              color: #3b1eca
            a
              color: #595959
          .am-btn
            @media (max-width: 640px)
              width: 49%
            width: 20rem
            height: 3.6rem
            text-align: center
            background-color: #828282
            border-radius: 0.8rem
            &:hover
              background-color: #3b1eca
            a
              color: #fff
      .introduction
        h3
          font-size: 2.4rem
          color: #373737
          margin: 3rem 0
        .overview
          @media (max-width: 640px)
            padding-bottom: 1.5rem
            border-bottom: 0.1rem dashed #727272
          p
            padding-left: 4rem
            @media (max-width: 640px)
              padding-left: 0
          a
            color: #595959
            font-size: 1.6rem
            font-weight: 700
        .advantage
          @media (max-width: 640px)
            padding-bottom: 1.5rem
            border-bottom: 0.1rem dashed #727272
          p
            color: #595959
            span
              font-weight: 700
        .work
          @media (max-width: 640px)
            padding-bottom: 1.5rem
            border-bottom: 0.1rem dashed #727272
          p
            color: #595959
      .recCase
        font-size: 0
        .am-u-sm-12
          @extend .caseListCommon
// 案例列表页面样式
#caseList
  .container
    font-size: 0
  .breadcrumb
    @extend .breadcrumbC
  .caseList
    h2
      @extend .h2
    .am-u-sm-12
      @extend .caseListCommon
// 案例内页样式
#caseArticle
  .breadcrumb
    @extend .breadcrumbC
  .caseContent
    .am-container
      h2
        @extend .h2
      .caseInt
        .caseLeft
          img
            @extend .img-res
            @media (min-width: 1025px)
              width: 100%
        .caseRight
          @media (max-width: 640px)
            padding-bottom: 2.5rem
            border-bottom: 0.1rem dashed #727272
          @media (min-width: 1025px) and (max-width: 1150px)
            padding-top: 0rem
          padding-top: 2.3rem
          .caseT
            font-size: 0
            list-style: none
            color: #595959
            padding: 0
            margin-left: -1.5rem
            li
              font-size: 1.4rem
              float: none
              display: inline-block
              vertical-align: top
              margin-bottom: 0.2rem
          h1
            font-size: 2.4rem
            color: #3b1eca
            margin-bottom: 0
          h4
            font-size: 1.6rem
            font-weight: 700
            color: #595959
            margin: 1.5rem 0
          .am-btn
            margin-top: 2rem
            margin: 2rem 3.6rem 0 0
            @media (max-width: 1024px)
              width: 49%
              margin: 2rem 0 0 0
            width: 18rem
            height: 3.6rem
            text-align: center
            background-color: #828282
            border-radius: 0.8rem
            &:hover
              background-color: #3b1eca
            a
              color: #fff
      .introduction
        padding: 5.5rem 0 1.4rem 5.2rem
        @media (max-width: 1024px)
          padding-left: 0
        @media (max-width: 640px)
          padding-bottom: 1.5rem
          border-bottom: 0.1rem dashed #727272
        p
          color: #595959
      .recPro
        font-size: 0
        h2
          @extend .h2
          margin-bottom: 1.8rem
        .am-u-sm-12
          @extend .productListCommon
// 联系我们页面样式
#contact
  .breadcrumb
    @extend .breadcrumbC
  .am-container
    h2
      @extend .h2
    .baiduMap
      .am-u-sm-12
        padding: 0
      .am-u-lg-4
        img
          width: 100%
          height: 35rem
  // 表单样式
  .message
    padding-top: 5rem
    h3
      font-size: 1.8rem
      padding-left: 3.2rem
      color: #ffffff
      line-height: 3.7rem
      background-color: #3b1eca
      width: 26.3rem
      height: 3.7rem
      font-weight: 500
      i
        margin-left: 2.5rem
    form
      fieldset
        padding: 0
      .am-form-group
        label
          font-size: 1.6rem
          font-weight: 500
          color: #5a5a5a
      .textarea
        height: 13.8rem
        @media (max-width: 1024px)
          height: auto
      .button
        padding-top: 1.5rem
        button.btnR
          margin-left: 9.6rem
        @media (max-width: 1024px)
          button.btnR
            margin-left: 0rem
            float: right
          button.btnL
            float: left
        button
          width: 16.8rem
          height: 3.8rem
          background-color: #fff
          color: #5a5a5a
          border-color: #a0a0a0
          &:hover
            background-color: #3b1eca
            border-color: #3b1eca
            color: #ffffff
          @media (max-width: 1024px)
            width: 49%